@charset "UTF-8";
/*公共的css*/
/*字体颜色*/
.home-color {
    color: #FF893E; }

.tabbar-item {
    color: #C0C8CE; }

.home-top-height {
    height: 1.3rem; }

.hr8 {
    width: 100%;
    height: 8px;
    background: #F8F8F7; }

.hr13 {
    width: 100%;
    height: 1.3rem; }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }

.grow-1 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }

.fl {
    float: left; }

.fr {
    float: right; }

.classBot {
    margin-bottom: 0.7333rem; }

.classBotOther {
    margin-bottom: 1.04rem; }

.home-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 999;
    background: #ffffff; }

.bgHei {
    height: 35px;
    background-color: #ffffff; }

.demo-small-pitch {
    background: #ffffff;
    height: 1.3rem; }
.demo-small-pitch .navbar-item, .demo-small-pitch .navbar-center {
    height: 100%; }
.demo-small-pitch a img.search {
    width: .4266rem;
    height: .4266rem;
    margin-right: .1333rem; }
.demo-small-pitch a img {
    width: .32rem;
    height: .45333rem; }

.m-navbar:after {
    border-bottom: none; }

.clearFix::after {
    display: inline-block;
    content: '';
    clear: both; }

.navbar-item {
    padding-left: .4rem;
    padding-right: .4rem; }

.priceLabel {
    font-size: 0.4266rem; }
.priceLabel .priceIcon {
    font-size: 0.32rem; }

.navbar-center .top-color {
    color: #494949;
    font-size: 16px; }

.searchBtn {
    position: fixed;
    right: 15px;
    bottom: 130px;
    width: 1.066rem;
    height: 1.066rem;
    background: url(../../images/classify/sousuo@2x.png) no-repeat center/100% 100%;
    z-index: 20; }

/*公共的css*/
/*字体颜色*/
.home-color {
    color: #FF893E; }

.tabbar-item {
    color: #C0C8CE; }

.home-top-height {
    height: 1.3rem; }

.hr8 {
    width: 100%;
    height: 8px;
    background: #F8F8F7; }

.hr13 {
    width: 100%;
    height: 1.3rem; }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }

.grow-1 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }

.fl {
    float: left; }

.fr {
    float: right; }

.classBot {
    margin-bottom: 0.7333rem; }

.classBotOther {
    margin-bottom: 1.04rem; }

.home-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 999;
    background: #ffffff; }

.bgHei {
    height: 35px;
    background-color: #ffffff; }

.demo-small-pitch {
    background: #ffffff;
    height: 1.3rem; }
.demo-small-pitch .navbar-item, .demo-small-pitch .navbar-center {
    height: 100%; }
.demo-small-pitch a img.search {
    width: .4266rem;
    height: .4266rem;
    margin-right: .1333rem; }
.demo-small-pitch a img {
    width: .32rem;
    height: .45333rem; }

.m-navbar:after {
    border-bottom: none; }

.clearFix::after {
    display: inline-block;
    content: '';
    clear: both; }

.navbar-item {
    padding-left: .4rem;
    padding-right: .4rem; }

.priceLabel {
    font-size: 0.4266rem; }
.priceLabel .priceIcon {
    font-size: 0.32rem; }

.navbar-center .top-color {
    color: #494949;
    font-size: 16px; }

.searchBtn {
    position: fixed;
    right: 15px;
    bottom: 130px;
    width: 1.066rem;
    height: 1.066rem;
    background: url(../../images/classify/sousuo@2x.png) no-repeat center/100% 100%;
    z-index: 20; }

.home {
    position: relative; }
.home .home-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 10; }

.demo-small-pitch {
    background: #FFFFFF;
    height: 1.3rem; }
.demo-small-pitch .navbar-item, .demo-small-pitch .navbar-center {
    height: 100%; }
.demo-small-pitch a img.search {
    width: .4266rem;
    height: .4266rem;
    margin-right: .1333rem; }
.demo-small-pitch a img {
    width: .64rem;
    height: .5333rem; }

.swiper-container {
    width: 100%;
    height: auto; }
.swiper-container a {
    display: block;
    width: 100%;
    height: 100%; }
.swiper-container a img {
    width: 100%;
    height: auto; }

/*今日推荐*/
.day-recommend .day-rec1 {
    width: 100%;
    height: 38px;
    overflow: hidden;
    position: relative;
    background: #FFFFFF; }
.day-recommend .day-rec1 span {
    float: left;
    padding-top: 12px;
    padding-left: 10px; }
.day-recommend .day-rec1 span img {
    max-width: 100%;
    height: 16px; }
.day-recommend .day-rec1 a {
    float: right;
    padding-top: 12px;
    padding-right: 10px; }
.day-recommend .day-rec1 a img {
    max-width: 100%;
    height: 13px; }
.day-recommend .day-rec1 img.icon-img {
    position: absolute;
    left: 0;
    top: 0;
    width: .4266rem;
    height: .1333rem;
    display: none; }

.day-content .day-imgs img {
    width: 100%;
    height: auto; }
.day-content .shop-menus {
    padding: 5px 0 0 0;
    width: 100%;
    height: 4.2rem;
    position: relative;
    overflow-x: auto;
    z-index: 1;
    background: #fff;
    -webkit-overflow-scrolling: touch; }
.day-content .shop-menus .shop-menus-box {
    width: 100%;
    height: 3.8rem;
    overflow: hidden; }
.day-content .shop-menus .shop-menus-box .shop-menus-row {
    float: left;
    margin-left: 0.2rem;
    width: 2.7466rem;
    height: 3.8rem; }
.day-content .shop-menus .shop-menus-box .shop-menus-row h3 {
    text-align: center; }
.day-content .shop-menus .shop-menus-box .shop-menus-row .shop-row-select-all {
    display: block; }
.day-content .shop-menus .shop-menus-box .shop-menus-row .shop-row-select-all img {
    width: 100%;
    height: 2.7466rem; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href {
    width: 100%;
    height: 2.7466rem;
    display: block;
    text-align: left; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href img {
    width: 100%;
    height: 2.7466rem; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href .shop-menus-price {
    color: #FF893E; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href .shop-menus-price i {
    font-style: normal; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href h3 {
    font-weight: normal;
    font-size: 11px;
    height: 20px !important;
    line-height: 20px !important;
    color: #191919;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.day-content .shop-menus .shop-menus-box .shop-menus-row-href p {
    text-align: center; }

/*精选分类*/
.home-category-box {
    padding: 0px 10px; }
.home-category-box .category-border-t {
    border-bottom: 1px solid #e2e2e2; }
.home-category-box .home-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 10px 0px; }
.home-category-box .home-category a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center; }
.home-category-box .home-category a img {
    width: 2.366rem;
    height: 2.366rem; }
.home-category-box .home-category a p {
    font-size: 12px;
    color: #6f6f6f;
    text-align: center; }

/*人气品牌*/
.home-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
.home-brand a:nth-child(1), .home-brand a:nth-child(2) {
    border-right: 1px solid #e2e2e2; }
.home-brand a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-top: 1px solid #e2e2e2; }
.home-brand a img {
    width: 100%;
    height: 3.3066rem; }

/*热销单品*/
.clasify-hred {
    padding: 0 0.266rem;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative; }
.clasify-hred .left {
    font-size: 13px;
    color: #bbbbbb;
    line-height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }
.clasify-hred .left .left-1 {
    color: #494949;
    margin-right: 5px; }
.clasify-hred .left .left-2 {
    margin-left: .133rem; }
.clasify-hred img.icon-img {
    position: absolute;
    left: 0;
    top: 0;
    width: .4266rem;
    height: .1333rem; }

.hot-list-box {
    display: block;
    width: 100%;
    height: auto;
    background: #f8f8f9; }
.hot-list-box li {
    float: left;
    width: 48.3%;
    margin-left: 1%;
    margin-right: .3%;
    margin-bottom: 1.5%;
    background: #fff; }
.hot-list-box li a {
    display: block; }
.hot-list-box li a .hot-list-item-img {
    width: 100%;
    height: 4.6133rem;
    display: block;
    border: 0;
    padding: 0;
    margin: 0; }
.hot-list-box li a .hot-list-title {
    padding: 3px 5px 0 5px;
    font-size: 13px;
    color: #4a4a4a;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.hot-list-box li a .hot-list-price {
    padding: 3px 5px 5px 5px;
    font-size: 14px;
    color: #FF893E; }
.hot-list-box li a .hot-list-price label {
    margin-right: 0.2rem; }
.hot-list-box li a .hot-list-price label i {
    font-style: normal; }

.technical-support {
    width: 100%;
    height: 1.6rem;
    text-align: center;
    margin-top: .1333rem; }
.technical-support img {
    width: 2.9866rem;
    height: 1.28rem;
    display: inline-block; }

.home-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 1.3rem;
    width: 100%;
    z-index: 9999; }

/*返回顶部*/
.return-top {
    position: fixed;
    right: 15px;
    bottom: 75px;
    width: 1.066rem;
    height: 1.066rem;
    background: url(../../images/index/return_top.png) no-repeat center/100% 100%;
    z-index: 20; }

/*公共的css*/
/*字体颜色*/
.home-color {
    color: #FF893E; }

.tabbar-item {
    color: #C0C8CE; }

.home-top-height {
    height: 1.3rem; }

.hr8 {
    width: 100%;
    height: 8px;
    background: #F8F8F7; }

.hr13 {
    width: 100%;
    height: 1.3rem; }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }

.grow-1 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }

.fl {
    float: left; }

.fr {
    float: right; }

.classBot {
    margin-bottom: 0.7333rem; }

.classBotOther {
    margin-bottom: 1.04rem; }

.home-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 999;
    background: #ffffff; }

.bgHei {
    height: 35px;
    background-color: #ffffff; }

.demo-small-pitch {
    background: #ffffff;
    height: 1.3rem; }
.demo-small-pitch .navbar-item, .demo-small-pitch .navbar-center {
    height: 100%; }
.demo-small-pitch a img.search {
    width: .4266rem;
    height: .4266rem;
    margin-right: .1333rem; }
.demo-small-pitch a img {
    width: .32rem;
    height: .45333rem; }

.m-navbar:after {
    border-bottom: none; }

.clearFix::after {
    display: inline-block;
    content: '';
    clear: both; }

.navbar-item {
    padding-left: .4rem;
    padding-right: .4rem; }

.priceLabel {
    font-size: 0.4266rem; }
.priceLabel .priceIcon {
    font-size: 0.32rem; }

.navbar-center .top-color {
    color: #494949;
    font-size: 16px; }

.searchBtn {
    position: fixed;
    right: 15px;
    bottom: 130px;
    width: 1.066rem;
    height: 1.066rem;
    background: url(../../images/classify/sousuo@2x.png) no-repeat center/100% 100%;
    z-index: 20; }

.navbar-center .top-color {
    color: #353535;
    font-size: 18px; }

.home-top .demo-small-pitch .navbar-item .back {
    width: 14px;
    height: 17px;
    padding-left: 4px; }

body {
    background: #ffffff; }

.brand .me-head {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 128px; }
.brand .me-head .me-head-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
.brand .me-head .me-head-box .me-head-boxs {
    z-index: 3;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: inherit; }
.brand .me-head .me-head-box .me-head-boxs .me-imgs-box {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 60px;
    height: 60px; }
.brand .me-head .me-head-box .me-head-boxs .me-imgs-box img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    vertical-align: middle; }
.brand .me-head .me-head-box .me-head-boxs .me-name {
    padding: 5px 0px;
    font-size: 15px;
    color: #FFFFFF; }
.brand .me-head .me-head-box .me-dim-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
.brand .me-head .me-head-box .me-dim-box img {
    width: 100%;
    height: 100%; }
.brand .me-head .me-head-box .me-dim-box-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000000;
    opacity: .3;
    -webkit-filter: blur(5.5px);
    -moz-filter: blur(5.5px);
    -ms-filter: blur(5.5px);
    filter: blur(5.5px); }
.brand .me-head .me-head-box .likePic {
    position: absolute;
    right: 0;
    bottom: .4rem;
    z-index: 3;
    width: 1.76rem;
    height: .666rem; }
.brand .me-head .me-head-box .like {
    background: url(/src/images/brand/brand_love.png) no-repeat left top/100% 100%; }
.brand .me-head .me-head-box .alreadyLike {
    background: url(/src/images/brand/brand_already_love.png) no-repeat left top/100% 100%; }
.brand .br-classes {
    height: 60px;
    background: #ffffff;
    padding: 0 1.26666rem; }
.brand .br-classes .br-class {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
.brand .br-classes .br-class a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    margin-top: 9px;
    position: relative;
    height: 51px; }
.brand .br-classes .br-class a .br-class {
    width: 25px;
    height: 26px;
    margin: auto; }
.brand .br-classes .br-class a .br-class-1 {
    background: url("../../images/brand/pinpaidongtai2@2x.png") no-repeat;
    background-size: 25px 20px; }
.brand .br-classes .br-class a .br-class-2 {
    background: url("../../images/brand/quanbushangpin2@2x.png") no-repeat;
    background-size: 25px 20px; }
.brand .br-classes .br-class a p {
    color: #a2a2a2;
    font-size: 13px; }
.brand .br-classes .br-class a div {
    width: 50px;
    height: 42px;
    margin: 0 auto;
    text-align: center;
    line-height: 42px; }
.brand .br-classes .br-class .active .br-class-1 {
    background: url("../../images/brand/pinpaidongtai1@2x.png") no-repeat;
    background-size: 25px 20px; }
.brand .br-classes .br-class .active .br-class-2 {
    background: url("../../images/brand/quanbushangpin1@2x.png") no-repeat;
    background-size: 25px 20px; }
.brand .br-classes .br-class .active p {
    color: #FF893E; }
.brand .brand-Trends .brand-about {
    padding: 10px 15px; }
.brand .brand-Trends .brand-about .about-cap {
    font-size: .4rem;
    margin-bottom: 11px;
    letter-spacing: .42px; }
.brand .brand-Trends .brand-about .about-con {
    font-size: .3466rem;
    line-height: 20px;
    color: #a2a2a2; }
.brand .brand-Trends .brand-main {
    padding: 0; }
.brand .brand-Trends .brand-main .about-cap {
    padding: 10px 0 0 15px; }
.brand .brand-Trends .brand-main .brand-imgs .imgs-icon img {
    width: 100%;
    height: 5.0133rem; }
.brand .brand-Trends .brand-Trends-out {
    text-align: center;
    padding: 5px 0 10px 0;
    display: none; }
.brand .brand-All .hot-list-box {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 1.6%;
    background: #F9F8F8; }
.brand .brand-All .hot-list-box li {
    float: left;
    width: 47.5%;
    margin-left: 1.6%;
    margin-right: 0;
    margin-bottom: 1.6%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);
    box-show: 0 0 5px rgba(0, 0, 0, 0.03); }
.brand .brand-All .hot-list-box li a {
    display: block; }
.brand .brand-All .hot-list-box li a .hot-list-item-img {
    width: 100%;
    height: 4.7133rem;
    display: block;
    border: 0;
    padding: 0;
    margin: 0; }
.brand .brand-All .hot-list-box li a .hot-list-title {
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    color: #4a4a4a;
    line-height: 26px;
    overflow: hidden;
    width: 4.5rem;
    text-overflow: ellipsis;
    white-space: nowrap; }
.brand .brand-All .hot-list-box li a .hot-list-price {
    padding: 3px 5px 5px 5px;
    color: #FF893E; }
.brand .brand-All .hot-list-box li a .hot-list-price label {
    margin-right: 0.2rem;
    font-size: 0.4266rem; }
.brand .brand-All .hot-list-box li a .hot-list-price label i {
    font-style: normal;
    font-size: 0.32rem; }
.brand .brand-All .brand-All-out {
    text-align: center;
    padding: 5px 0 10px 0;
    display: none; }

.brand .br-classes .br-class a.active:before {
    content: '';
    width: 74px;
    height: 2px;
    background: #FF893E;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -37px; }

.search-loading {
    width: 100%;
    height: 40px; }
.search-loading img {
    width: 100%;
    height: 100%; }

.success-icon {
    position: relative;
    width: 100%;
    height: 3.6266rem;
    background: url(../../images/pay/pay_success.png) no-repeat left top/100% 100%; }
.success-icon p {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    left: 0;
    bottom: .5066rem; }

.error-icon {
    background: url(../../images/pay/pay_error.png) no-repeat left top/100% 100%; }

.success-but {
    padding: .64rem 1.2rem .8rem 1.2rem; }
.success-but a {
    font-size: 15px;
    color: #2d2d2d;
    padding: .22rem .8rem;
    border: 1px solid #a2a2a2;
    border-radius: 35px; }
.success-but a.fr {
    background: #181818;
    color: #FFFFFF; }

.success-goods {
    width: 100%;
    height: .96rem;
    background: #f9f8f8;
    line-height: .96rem;
    text-align: center; }
.success-goods img {
    display: inline-block;
    width: 4.9333rem;
    height: auto; }

.error-but {
    padding-top: .64rem;
    text-align: center; }
.error-but a {
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    width: 5.68rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: 15px;
    color: #2d2d2d;
    display: inline-block; }
.error-but p {
    padding-top: .8rem;
    width: 100%;
    font-size: 13px;
    color: #a2a2a2;
    text-align: center; }
.payDetails{
    background-color: #fff;
    padding:0.3rem 0  0.2rem 0.3rem;
}
.linear{
    height:0.2rem;
    background-color:#eee;
}
.payDetails .storeName{
    padding:0.3rem 0;
    font-size:0.4rem;
    color:#494949;
    border-bottom:1px solid #eee;
}
.payDetails .money{
    padding:0.2rem 0;
    border-bottom:1px solid #eee;
}
.payDetails .money p{
    font-size:0.35rem;
    color:#494949;
    height:0.7rem;
}
.payDetails .time{
    padding:0.3rem 0;
    font-size:0.35rem;
    color:#A3A3A3;
}
.payCode{
    padding:0.4rem 0;
    background-color:#fff;
}
.payCode div{
    padding:0.2rem 0
}
.payCode p{
    font-size:0.5rem;
    color:#494949;
    text-align:center;
}
.payCode .codeName{
    font-size:0.35rem;
    margin-bottom:0.2rem;
}
.payCode span{
    display:inline-block;
    vertical-align:middle;
    border-top:1px solid #eee;
    width:1.2rem;
    height:0;
}
.payCode b{
    font-weight: 400;
    color:#aaa;
    padding:0 0.2rem;
}
.payCode .or{
    text-align:center;
}
.payCode .QR_code img{
    width:3rem;
    height:3rem;
    margin:0 auto;
}
